<style>
    #app{
        height: 300px;
    }
    .app-group{
        height: 300px;overflow: auto;
    }
    .app-group-con{
        height: 300px;overflow: auto;
        padding: 16px;
        border: 1px solid #eee;
    }
    .app-flex{
        display: flex;
        justify-content: space-between;
        padding: 10px 20px;
        box-sizing: border-box;
        align-items: center;
    }
    .pro-sty{
        font-size: 16px;
        /* font-weight: 800; */
    }
    .cit-sty{
        padding-left: 20px;
    }
    .area-sty{
        padding-left: 40px;
        color: #999;
    }
    .app-title{
        padding-top: 7px;
        font-size: 16px;
    }
    .app-del{
        color:#fb6638
    }
    .app-select{
        color:#18bc9c
    }
</style>


<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <!--    店铺 id start    -->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Store_id')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-store_id" data-source="manystore/index/index" data-field="nickname" class="form-control selectpage" name="row[store_id]" type="text" value="0">
        </div>
    </div>
    <!--    店铺 id   end    -->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-name" class="form-control" name="row[name]" type="text">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Type')}:</label>
        <div class="col-xs-12 col-sm-8">
                        
            <select  id="c-type" class="form-control selectpicker" name="row[type]">
                {foreach name="typeList" item="vo"}
                    <option value="{$key}" {in name="key" value=""}selected{/in}>{$vo}</option>
                {/foreach}
            </select>

        </div>
    </div>
    
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Weigh')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-weigh" class="form-control" name="row[weigh]" type="number">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">首(重/件)数:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-weigh" class="form-control" name="row[first_num]" type="number">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('First_price')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-first_price" class="form-control" step="0.01" name="row[first_price]" type="number">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Additional_num')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-additional_num" class="form-control" name="row[additional_num]" type="number">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Additional_price')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-additional_price" class="form-control" step="0.01" name="row[additional_price]" type="number">
        </div>
    </div>
    {include file="shopro/area/area_select" /}
    <!-- <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Province_ids')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-province_ids" data-rule="required" data-source="province/index" data-multiple="true" class="form-control selectpage" name="row[province_ids]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('City_ids')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-city_ids" data-rule="required" data-source="shopro/area/index" data-multiple="true" class="form-control selectpage" name="row[city_ids]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Area_ids')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="c-area_ids" class="form-control " rows="5" name="row[area_ids]" cols="50"></textarea>
        </div>
    </div> -->
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="button" class="btn btn-success btn-embossed" id="submitBtn">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
